<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="http://localhost:2205/css/base.css">
    <link rel="stylesheet" href="http://localhost:2205/css/index.css">
    <link rel="stylesheet" href="http://localhost:2205/libs/font_pxr4n9qibll/iconfont.css">
    <link rel="stylesheet" href="http://localhost:2205/libs/swiper-bundle.min.css">
    <script src="http://localhost:2205/libs/jquery.min.js"></script>
    <script src="http://localhost:2205/libs/swiper-bundle.min.js"></script>
    <script src="http://localhost:2205/libs/template-web.js"></script>

</head>
<body>
    <header></header>
    
   <!-- 选项卡 内容-->
   <div id="big_banner_wrap">
    <ul id="banner_menu_wrap">
        <li class="active"img>
            <a>手机</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 600px; top: -20px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/minote.jpg"></a><a>小米NOTE</a></li>
                    <li>
                        <a><img src="img/mi4.jpg"></a><a>小米手机4</a></li>
                    <li>
                        <a><img src="img/hongmi2.jpg"></a><a>红米手机2</a></li>
                    <li>
                        <a><img src="img/hongmi2a.jpg"></a><a>红米手机2A</a></li>
                    <li>
                        <a><img src="img/note2.jpg"></a><a>红米NOTE2</a></li>
                    <li>
                        <a><img src="img/note2.jpg"></a><a>红米NOTE&nbsp;4G双卡</a></li>
                </ul>
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/mipad.jpg"></a><a>小米平板</a></li>
                    <li>
                        <a><img src="img/telcom.jpg"></a><a>电信版</a></li>
                    <li>
                        <a><img src="img/heyue.jpg"></a><a>合约机</a></li>
                    <li>
                        <a><img src="img/zhongxin.jpg"></a><a>中信特权</a></li>
                    <li>
                        <a><img src="img/compare.jpg"></a><a>对比手机</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>电视</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 600px; top: -62px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/tv40.jpg"></a><a>小米电视40英寸</a></li>
                    <li>
                        <a><img src="img/tv48.jpg"></a><a>小米电视48英寸</a></li>
                    <li>
                        <a><img src="img/tv49.jpg"></a><a>小米电视49英寸</a></li>
                    <li>
                        <a><img src="img/hezis.jpg"></a><a>小米电视55英寸</a></li>
                    <li>
                        <a><img src="img/hezis.jpg"></a><a>小米盒子</a></li>
                    <li>
                        <a><img src="img/hezis.jpg"></a><a>小米盒子MINI</a></li>
                </ul>
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/dianshipeijian.jpg"></a><a>小米电视配件</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>路由器&nbsp;智能配件</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 900px; top: -104px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/miwifi.jpg"></a><a>大米路由器</a></li>
                    <li>
                        <a><img src="img/miwifilite.jpg"></a><a>大米路由器&nbsp;青春版</a></li>
                    <li>
                        <a><img src="img/air.jpg"></a><a>净化器</a></li>
                    <li>
                        <a><img src="img/xiaoyi.jpg"></a><a>摄像机</a></li>
                    <li>
                        <a><img src="img/scale.jpg"></a><a>体重称</a></li>
                    <li>
                        <a><img src="img/scale.jpg"></a><a>智能插头</a></li>
                </ul>
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/miwifimini.jpg"></a><a>大米路由器MINI</a></li>
                    <li>
                        <a><img src="img/wifiExtension.jpg"></a><a>大米WIFI放大器</a></li>
                    <li>
                        <a><img src="img/yicamera.jpg"></a><a>运动相机</a></li>
                    <li>
                        <a><img src="img/water.jpg"></a><a>净水器</a></li>
                    <li>
                        <a><img src="img/ihealth.jpg"></a><a>血压计</a></li>
                    <li>
                        <a><img src="img/ihealth.jpg"></a><a>床头灯</a></li>
                </ul>
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/zhinengtaozhuang.jpg"></a><a>智能家庭套装</a></li>
                    <li>
                        <a><img src="img/shouhuan.jpg"></a><a>大米手环</a></li>
                    <li>
                        <a><img src="img/smart.jpg"></a><a>全部智能硬件</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>电源&nbsp;配件</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -146px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/dianyuan.jpg "></a><a>大米移动电源</a></li>
                    <li>
                        <a><img src="img/powerscript.jpg"></a><a>大米插线板</a></li>
                    <li>
                        <a><img src="img/yidongdianyuan.jpg"></a><a>品牌移动电源</a></li>
                    <li>
                        <a><img src="img/dianyuanfujian.jpg"></a><a>移动电源附件</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>耳机&nbsp;音箱</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -188px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/headphone.jpg"></a><a>小米头戴式耳机</a></li>
                    <li>
                        <a><img src="img/huosai.jpg"></a><a>小米活塞耳机</a></li>
                    <li>
                        <a><img src="img/bluetoothheadset.jpg"></a><a>小米蓝牙耳机</a></li>
                    <li>
                        <a><img src="img/erji.jpg"></a><a>品牌耳机</a></li>
                    <li>
                        <a><img src="img/yinxiang.jpg"></a><a>音箱</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>电池&nbsp;存储卡</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -230px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/dianchi.jpg"></a><a>电池</a></li>
                    <li>
                        <a><img src="img/chongdian.jpg"></a><a>充电器</a></li>
                    <li>
                        <a><img src="img/xiancai.jpg"></a><a>线材</a></li>
                    <li>
                        <a><img src="img/cunchu.jpg"></a><a>存储卡</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>智能&nbsp;路由器</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -272px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/baohu.jpg"></a><a>保护套/保护壳</a></li>
                    <li>
                        <a><img src="img/hougai.jpg"></a><a>后盖</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>电源&nbsp;配件</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 600px; top: -314px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/tiemo.jpg"></a><a>贴膜</a></li>
                    <li>
                        <a><img src="img/zipaigan.jpg"></a><a>自拍杆</a></li>
                    <li>
                        <a><img src="img/zipaigan.jpg"></a><a>蓝牙手柄</a></li>
                    <li>
                        <a><img src="img/tizhi.jpg"></a><a>贴纸</a></li>
                    <li>
                        <a><img src="img/fangchensai.jpg"></a><a>防尘塞</a></li>
                    <li>
                        <a><img src="img/fangchensai.jpg"></a><a>手机支架</a></li>
                </ul>
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/raoxian.jpg"></a><a>耳机绕线器</a></li>
                    <li>
                        <a><img src="img/wifi.jpg"></a><a>随身WIFI</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>健康&nbsp;儿童</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -356px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/mitu.jpg"></a><a>健康</a></li>
                    <li>
                        <a><img src="img/fuzhuang.jpg"></a><a>儿童</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>生活&nbsp;箱包</a>
            <a class="banner_menu_i">&gt;</a>
            <div class="banner_menu_content" style="width: 300px; top: -398px;">
                <ul class="banner_menu_content_ul">
                    <li>
                        <a><img src="img/bag.jpg"></a><a>背包</a></li>
                    <li>
                        <a><img src="img/shubiaodian.jpg"></a><a>小米鼠标坠</a></li>
                    <li>
                        <a><img src="img/zhoubian.jpg"></a><a>生活周边</a></li>
                    <li>
                        <a><img src="img/wan.jpg"></a><a>玩酷产品</a></li>
                </ul>
            </div>
        </li>
    </ul>
    <!-- 轮播 -->
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/T1hiDvBvVv1RXrhCrK.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/T1jrxjB_VT1RXrhCrK.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/T1oTJjBKKT1RXrhCrK.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/T1vWdTBKDv1RXrhCrK.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>


    </div>
</div>
<!-- 服务 -->
<div id="head_other_wrap">
    <div id="head_other">
        <ul>
            <li>
                <div id="div1">
                    <span class="iconfont icon-shijian"></span>
                    <p>保障服务</p>
                </div>
            </li>
            <li>
                <div id="div2">
                    <span class="iconfont icon-qiye"></span>
                    <p>企业团购</p>
                </div>
            </li>
            <li>
                <div id="div3">
                    <span class="iconfont icon-F"></span>
                    <p>F码通道</p>
                </div>
            </li>
            <li>
                <div id="div4">
                    <span class="iconfont icon-neicunka"></span>
                    <p>米粉卡</p>
                </div>
            </li>
            <li>
                <div id="div5">
                    <span class="iconfont icon-jinbiduihuan"></span>
                    <p>以旧换新</p>
                </div>
            </li>
            <li>
                <div id="div6">
                    <span class="iconfont icon-24huafei"></span>
                    <p>话费充值</p>
                </div>
            </li>
            <span class="round1"></span>
            <span class="round2"></span>
        </ul>
    </div>
    <div class="head_other_ad"><img src="img/p 2-1.jpg"></div>
    <div class="head_other_ad"><img src="img/p2-2.jpg"></div>
    <div class="head_other_ad"><img src="img/p2-3.jpg"></div>
</div>
<!-- 购物部分开始 -->
<main>
<div class="page-main home-main">
    <div class="container">
        <div class="home-banner-box">
            <img src="./img/p3-0.webp" alt="">
        </div>
    </div>
</div>

   <!-- 物品部分 -->
    <div id="main_show_box">
         <!--物品部分1  -->
        <div id="floor_1">
             <div id="floor_head">
                 <span class="title_span">智能硬件</span>
                <div class="more"> 
                    <a href="http://localhost:2205/html/more.html">查看更多
                        <span class="iconfont icon-jinrujiantouxiao"></span>
                    </a> </div>
             </div>
        </div>
        <div class="floor_goods_wrap floor-a">
            <div class='container container-a goods'>
                <div style="height: 614;width:234px">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b99bcb716c8f76e1fc5475172bdfc27.jpg?thumb=1&w=293&h=768&f=webp&q=90" alt="">
                </div>
            <script type="text/html" id="tpl">
                <ul class="paging_list" id="ul">    
                    {{each list}}
                        <li class="floor_goods_wrap_li"  data-id="{{$value.goods_id}}">
                            <a  data-id="{{$value.goods_id}}" href="html/details.html?id={{$value.goods_id}}">
                                <div class="pic" >
                                    <img src="{{$value.img_small_logo}}">
                                </div>
                            <p class="title" >{{$value.title}}</p>
                            <p class="price" >{{$value.price}}</p>
                            </a>
                            <button  class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
                        </li>
                    {{/each}}
                </ul>
            </script>
        </div>
    </div>

    <div id="floor_1">
        <div id="floor_head">
            <span class="title_span">智能穿戴</span>
           <div class="more"> 
               <a href="#" class="hot-a">热门</a> 
            <a href="#">穿戴</a></div>
        </div>
   </div>
   <div class="floor_goods_wrap floor-a">
       <div class='container container-b goods'>
       <script type="text/html" id="tp2">
           <ul class="paging_list" id="ul">
               {{each list}}
                   <li class="floor_goods_wrap_li floor-a">
                       <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                           <div class="pic" >
                               <img src="{{$value.img_small_logo}}">
                           </div>
                       <p class="title" >{{$value.title}}</p>
                       <p class="price" >{{$value.price}}</p>
                       </a>
                       <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
                   </li>
               {{/each}}
               
           </ul>
       </script>
       
   </div>
</div>
          
<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">笔记本 | 平板</span>
       <div class="more"> 
           <a href="#" class="hot-b">热门</a> 
    </div>
</div>
</div>
<div class="floor_goods_wrap floor-a">
   <div class='container container-c goods'>
   <script type="text/html" id="tp3">
       <ul class="paging_list" id="ul">
           {{each list}}
               <li class="floor_goods_wrap_li">
                   <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                       <div class="pic" >
                           <img src="{{$value.img_small_logo}}">
                       </div>
                   <p class="title" >{{$value.title}}</p>
                   <p class="price" >{{$value.price}}</p>
                   </a>
                   <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
               </li>
           {{/each}}
       </ul>
   </script>
</div>
</div>

<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">家电</span>
       <div class="more"> 
           <a href="#" class="hot-a">热门</a> 
           <a href="#">电视影音</a></div>
    </div>
</div>
<div class="floor_goods_wrap floor-b ">
   <div class='container container-d goods'>
   <script type="text/html" id="tp4">
       <ul class="paging_list" id="ul">
           {{each list}}
               <li class="floor_goods_wrap_li">
                   <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                       <div class="pic" >
                           <img src="{{$value.img_small_logo}}">
                       </div>
                   <p class="title" >{{$value.title}}</p>
                   <p class="price" >{{$value.price}}</p>
                   </a>
                   <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
               </li>
           {{/each}}
           <li class="li—end">
            <a href="#">
                <div class="p">
                <p class="p1"> <a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多</a> </p>
                <p class="p2">热门</p></div>
                <span class="iconfont icon-jinrujiantouxiao"></span>
            </a>
           </li>
       </ul>
   </script>
</div>
</div>

<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">家电</span>
       <div class="more kind"> 
           <a href="#" class="kind-a">扫地机</a> 
           <a href="#">空净</a>
           <a href="#">清洁</a>
           <a href="#">风扇</a>
    </div>
</div>
</div>
<div class="floor_goods_wrap floor-b ">
   <div class='container container-e goods'>
   <script type="text/html" id="tp5">
       <ul class="paging_list" id="ul">
           {{each list}}
               <li class="floor_goods_wrap_li">
                   <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                       <div class="pic" >
                           <img src="{{$value.img_small_logo}}">
                       </div>
                   <p class="title" >{{$value.title}}</p>
                   <p class="price" >{{$value.price}}</p>
                   </a>
                   <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
               </li>
           {{/each}}
           <li class="li—end">
            <a href="#">
                <div class="p">
                <p class="p1"><a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多</a></p>
                <p class="p2">热门</p></div>
                <span class="iconfont icon-jinrujiantouxiao"></span>
            </a>
           </li>
       </ul>
   </script>
</div>
</div>
</div>



<div class="page-main home-main">
    <div class="container">
        <div class="home-banner-box">
            <img src="./img/p4-0.webp" alt="">
        </div>
    </div>
</div>

<div id="main_show_box" class="part-b" >
    <!--物品部分2  -->
<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">厨房电器</span>
       <div class="more kind"> 
           <a href="#" class="kind-a">净水器</a> 
           <a href="#">烟灶</a>
           <a href="#">电饭煲</a>
           <a href="#">微蒸烤</a>
    </div>
</div>
</div>
<div  id="floor-b" class="floor_goods_wrap floor-b ">
   <div class='container container-f goods'>
   <script type="text/html" id="tp6">
       <ul class="paging_list" id="ul">
           {{each list}}
               <li class="floor_goods_wrap_li">
                   <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                       <div class="pic" >
                           <img src="{{$value.img_small_logo}}">
                       </div>
                   <p class="title" >{{$value.title}}</p>
                   <p class="price" >{{$value.price}}</p>
                   </a>
                   <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
               </li>
           {{/each}}
           <li class="li—end">
            <a href="#">
                <div class="p">
                <p class="p1"><a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多</a></p>
                <p class="p2">热门</p></div>
                <span class="iconfont icon-jinrujiantouxiao"></span>
            </a>
           </li>
       </ul>
   </script>
</div>
</div>

<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">厨房电器</span>
       <div class="more kind"> 
           <a href="#" class="kind-a">净水器</a> 
           <a href="#">烟灶</a>
           <a href="#">电饭煲</a>
           <a href="#">微蒸烤</a>
    </div>
</div>
</div>
<div  id="floor-b" class="floor_goods_wrap floor-b ">
   <div class='container container-g goods'>
   <script type="text/html" id="tp7">
       <ul class="paging_list" id="ul">
           {{each list}}
               <li class="floor_goods_wrap_li">
                   <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                       <div class="pic" >
                           <img src="{{$value.img_small_logo}}">
                       </div>
                   <p class="title" >{{$value.title}}</p>
                   <p class="price" >{{$value.price}}</p>
                   </a>
                   <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
               </li>
           {{/each}}
           <li class="li—end">
            <a href="#">
                <div class="p">
                <p class="p1"><a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多</a></p>
                <p class="p2">热门</p></div>
                <span class="iconfont icon-jinrujiantouxiao"></span>
            </a>
           </li>
       </ul>
   </script>
</div>
</div>

<div id="floor_1">
    <div id="floor_head">
        <span class="title_span">厨房电器</span>
       <div class="more kind"> 
           <a href="#" class="kind-a">净水器</a> 
           <a href="#">烟灶</a>
           <a href="#">电饭煲</a>
           <a href="#">微蒸烤</a>
    </div>
</div>
</div>
<div  id="floor-b" class="floor_goods_wrap floor-b ">
    <div class='container container-h goods'>
    <script type="text/html" id="tp8">
        <ul class="paging_list" id="ul">
            {{each list}}
                <li class="floor_goods_wrap_li">
                    <a href="html/details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                        <div class="pic" >
                            <img src="{{$value.img_small_logo}}">
                        </div>
                    <p class="title" >{{$value.title}}</p>
                    <p class="price" >{{$value.price}}</p>
                    </a>
                    <button class="g_btn" data-id="{{$value.goods_id}}">加入购物车</button>
                </li>
            {{/each}}
            <li class="li—end">
             <a href="#">
                 <div class="p">
                 <p class="p1"><a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多</a></p>
                 <p class="p2">热门</p></div>
                 <span class="iconfont icon-jinrujiantouxiao"></span>
             </a>
            </li>
        </ul>
    </script>
 </div>
 </div>
</div>
<!-- 视频部分 -->
<div id="video-floor">
    <div id="floor_head" class="container">
        <span class="title_span">视频</span>
       <div class="more"> 
        <a href="http://localhost:2205/html/more.html" style="color: #000;">浏览更多
               <span class="iconfont icon-jinrujiantouxiao"></span>
           </a> 
        </div>
    </div>
<div  id="video" class="container">
    <div class="vid">
        <img width="296" height="180" alt="2021年春季新品发布会第一场" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" lazy="loaded">
        <span class="play"><span class="iconfont icon-jinrujiantouxiao "></span></span>
        <h3 class="title">
            2021年春季新品发布会第一场
        </h3>
    </div>
    <div class="vid">
        <img width="296" height="180" alt="Redmi 10X系列发布会" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" lazy="loaded">
        <span class="play"><span class="iconfont icon-jinrujiantouxiao "></span></span>
        <h3 class="title">
            Redmi 10X系列发布会
        </h3>
    </div>
    <div class="vid">
        <img width="296" height="180" alt="小米10 青春版 发布会" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" lazy="loaded">
        <span class="play"><span class="iconfont icon-jinrujiantouxiao "></span></span>
        <h3 class="title">
            小米10 青春版 发布会
        </h3>
    </div>
    <div class="vid">
        <img width="296" height="180" alt="小米10 8K手机拍大片" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=370&amp;h=225&amp;f=webp&amp;q=90" lazy="loaded">
        <span class="play"><span class="iconfont icon-jinrujiantouxiao "></span></span>
        <h3 class="title">
            小米10 8K手机拍大片
        </h3>
    </div>
</div>
</div>
</main>
    <footer></footer>
      <!-- 侧边导航 -->
        <ul class="count">
        <li >
            <i class="iconfont icon-shouji"></i>
            手机app
        </li> 
         <li >
            <i class="iconfont icon-31wode"></i>
            个人中心
        </li>
          <li>
            <i class="iconfont icon-weixiufuwu_o"></i>
            售后服务
        </li> 
         <li>
            <i class="iconfont icon-service"></i>
            人工客服
        </li> 
      <a href="http://localhost:2205/html/cart.html"> <li >
            <i class="iconfont icon-gouwuchekong"> <span class="cart_num"> 0</span> </i>
            购物车
        </li></a>
     <a href="#head_wrap"> <li class='back-top' >
            <i class="iconfont icon-daodingbu"></i>
            回到顶部
        </li></a> 
    </ul> 
    
        <script src="http://localhost:2205/libs/require.js" data-main="http://localhost:2205/js/main"></script>
<script>
    $('header').load('http://localhost:2205/html/header.html')
    $('footer').load('http://localhost:2205/html/footer.html')
</script>
</body>
</html>